

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <!-- Required Meta Tags Always Come First -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <!-- Title -->
  <title>薪资查询</title>
  <!-- Favicon -->
  <link rel="shortcut icon" href="assets/favicons/favicon.ico">


  <!-- CSS Implementing Plugins -->
 <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.2.1/css/all.min.css">
  <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/bootstrap-icons/1.10.0/font/bootstrap-icons.min.css">

  <!-- CSS Template -->
  	<link rel="stylesheet" href="https://static.zhipin.com/zhipin-ssr/tools/v104/app.css">
  <link rel="stylesheet" href="../static/index.css">
  <link href="view-source:https://v3.bootcss.com/examples/signin/" rel="stylesheet">
  <style>
    .text-secondary {
      color: #712cf9 !important;
    }
    .btn-secondary {
      background-color: #712cf9;
      border-color: #712cf9;
    }
  </style>
  <!-- 以下是 www.bootcss.com 网站所使用的统计代码，如果你使用本页面作为自己的模板，请将下面的统计代码删掉！！！ -->
<!-- 上面是 www.bootcss.com 网站所使用的统计代码，如果你使用本页面作为自己的模板，请将上面面的统计代码删掉！！！ -->
</head>
<body>
  <!-- Header -->
<header class="duik-header">
  <!-- Navbar -->
<div id="header">

    <div class="inner home-inner">
        <div class="logo">
            <a href="https://www.zhipin.com/" ka="header-home-logo" title="BOSS直聘"><span>BOSS直聘</span></a>
        </div>
        <div class="nav">
            <ul>
                <li class=""><a ka="header-home" href="https://www.zhipin.com/guangzhou/">首页</a></li>
                <li class=""><a ka="header-job-recommend" href="https://www.zhipin.com/web/geek/job-recommend">推荐职位</a></li>
                <ul class="header-nav-group">
                    <li class=""><a ka="header-job" href="https://www.zhipin.com/job_detail/">搜索</a></li>
                    <span class="header-nav-dot"></span>
                    <li class=""><a ka="header_brand" href="https://www.zhipin.com/gongsi/">公司</a></li>
                </ul>
                <ul class="header-nav-group">
                    <li class=""><a class="nav-school-new" ka="tab_school_recruit_click" href="https://www.zhipin.com/school/">校园</a></li>
                    <span class="header-nav-dot"></span>
                    <li class=""><a class="nav-overseas-new" ka="tab_overseas_click" data-overseas-ip="false" href="https://www.zhipin.com/returnee_jobs/">海归</a></li>
                </ul>
                <li class=""><a ka="header-app" href="https://app.zhipin.com/">APP</a></li>
                <li class=""><a ka="header-article" href="https://news.zhipin.com/">资讯</a></li>
                <li class=""><a class="nav-find" ka="header-find" href="https://youle.zhipin.com/recommend/selected/">有了</a></li>
                <li class=""><a class="nav-barrier-free" ka="header-barrier-free" href="https://www.zhipin.com/accessible_job/">无障碍专区</a></li>
            </ul>
        </div>



    </div>


</div>
  <!-- End Navbar -->
</header>
<!-- End Header -->
<!-- Promo Section -->
<section class="duik-promo bg-light text-center">
  <div class="container duik-promo-container">
    <div class="d-flex justify-content-center mh-30rem py-11">
      <div class="align-self-center">
        <h1 class="hero-title text-white mb-2">数据挖掘项目</h1>
        <div class="lead text-white">简洁、直观、强悍的数据挖掘项目，让web开发更迅速、简单。</div>
      </div>
    </div>
  </div>

</section>
<!-- End Promo Section -->
<!-- Icon Blocks -->
<div class="container z-index-2 position-relative">
  <section class="duik-icon-block duik-icon-block--pull2top rounded-top-home">
    <div class="row no-gutters">
      <div class="col-md border-bottom border-md-bottom-0">
        <div class="d-flex flex-column align-items-center duik-icon-block__item py-9 px-3 h-100">
          <h3 class="mb-2">数据分析</h3>
          <div class="d-flex justify-content-center text-left">
            <ul class="list-unstyled mb-3">
              <li><i class="fas fa-check mr-2 text-secondary"></i>实时获取数据</li>
              <li><i class="fas fa-times mr-2 text-secondary"></i>不会用啊啊啊啊</li>
            </ul>
          </div>
          <div class="mt-auto">

          </div>
        </div>
      </div>
      <div class="col-md border-bottom border-md-bottom-0 border-md-left">
        <div class="d-flex flex-column align-items-center duik-icon-block__item py-9 px-3 h-100">
          <h3 class="mb-2">数据挖掘</h3>
          <div class="d-flex justify-content-center text-left">
            <ul class="list-unstyled mb-3">
              <li><i class="fas fa-check mr-2 text-secondary"></i>发起请求</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>翻页获取</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>数据呈现</li>
            </ul>
          </div>


<div class="mt-auto">
  <form class="form-signin" action="/Chart" method="POST">
    <label for="jobInput" class="sr-only">岗位</label>
    <select name="job" id="jobInput" list="qy" class="form-control" placeholder="岗位" required autocomplete="off" style="width: 330px;">
      <option value="">岗位</option>
 
      <option value="Python">Python</option>
    	<option value="java">java</option>
    	<option value="产品经理">产品经理</option>
    	<option value="产品助理">产品助理</option>
    	<option value="广告">广告</option>
    	<option value="Web前端">Web前端</option>
    	<option value="用户运营">用户运营</option>
    	<option value="产品运营">产品运营</option>
    	<option value="小程序运营">小程序运营</option>
    	<option value="导演">导演</option>
    	<option value="影视后期">影视后期</option>
    	<option value="主播">主播</option>
      
    </select>


    <label for="inputPassword" class="sr-only">地区</label>
    <select  name="location" id="inputPassword" class="form-control" placeholder="地区" required autocomplete="off">

	    

          <option value="">请选择城市</option>
		    <option value="北京">北京</option>
		    <option value="上海">上海</option>
		    <option value="广州">广州</option>
		    <option value="深圳">深圳</option>
	    

    </select>



    <label>
        <input type="checkbox" value="remember-me"> Remember me
     </label>
    <button class="btn btn-lg btn-primary btn-block" type="submit">查询</button>
  </form>
</div>





        </div>
      </div>
      <div class="col-md border-bottom border-md-bottom-0 border-md-left">
        <div class="d-flex flex-column align-items-center duik-icon-block__item py-9 px-3 h-100">
          <h3 class="mb-2">数据可视化</h3>
          <div class="d-flex justify-content-center text-left">
            <ul class="list-unstyled mb-3">
              <li><i class="fas fa-check mr-2 text-secondary"></i>词云图</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>地图</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>饼图</li>
              <li><i class="fas fa-check mr-2 text-secondary"></i>蝴蝶图</li>

            </ul>
          </div>
          <div class="mt-auto">

          </div>
        </div>
      </div>
    </div>
  </section>
</div>
</body>


</html>